<script setup>
import {RouterLink, RouterView} from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
</script>

<template style="width: 100%;height: 100%">
  <div style="height: 50px;width: 100%">
    <span style="font-weight: 900;">性别：</span>
    <el-select v-model="sexSelect.selectValue" placeholder="请选择" style="width: 150px">
      <el-option
          v-for="item in sexSelect.options"
          :key="item.value"
          :label="item.label"
          :value="item.value">
      </el-option>
    </el-select>
    <span style="font-weight: 900;margin-left: 20px">重置选项：</span>
    <el-button type="success" v-on:click="reset()">重置</el-button>
  </div>
  <div style="width:100%;height: 700px;display: flex;justify-content: space-around;background-color: #ebedf0">
    <div style="width: 25%;height: 100%;display: flex;flex-direction: column;background-color: #d1edc4">
      <div
          style="width: 100%;height: 30px;display: flex;justify-content: space-around;margin-bottom: 4px;background-color: #67c23a">
        <div style="height: 100%;width: 30%;text-align: center;font-weight: 900;">骨位名称</div>
        <div style="height: 100%;width: 30%;text-align: center;font-weight: 900;">评定骨期</div>
        <div style="height: 100%;width: 30%;text-align: center"></div>
      </div>
      <div style="width: 100%;height: 40px;display: flex;justify-content: space-around;margin-bottom: 1px"
           v-for="(value,key) in datas" @mouseenter="handleFocusEnter" @mouseleave="handleFocusOut"
           v-on:click="clickEle($event,value)">
        <div
            style="height: 100%;width: 30%;text-align: center;display: flex;align-items: center;justify-content: center;">
          {{ key }}
        </div>
        <div
            style="height: 100%;width: 30%;text-align: center;text-align: center;display: flex;align-items: center;justify-content: center;">
          <el-select v-model="value.selectValue" placeholder="请选择">
            <el-option
                v-for="item in value.selectOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                required>
            </el-option>
          </el-select>
        </div>
        <div style="height: 100%;width: 30%"></div>
      </div>
    </div>
    <div style="width: 50%;height: 100%;">
      <!--<img src="./assets/logo.svg" style="width: 100px;height: 100%" />-->
      <el-image
          v-for="(value,key) in tempImage"
          style="width: 150px; height: 150px;margin-left: 5px"
          :src="value.url"
          :title="value.description"
          :preview-src-list="value.collection">
      </el-image>
    </div>

    <div style="width: 12%;height: 100%;">
      <div style="width: 100%;height: 200px;margin-top: 450px">
        <p></p>
        <el-button type="success" style="margin-top: 80px;margin-bottom: 20px"
                   v-on:click="countBoneAge($event)">点击计算骨龄
        </el-button>
        <p></p>
        <span style="font-weight: 900;">
                R系结果如下：
                <span
                    style="font-weight: 900;color: red">{{ rGlobalBoneAge == -1 ? "无对应骨龄" : rGlobalBoneAge }}</span>
                <p></p>
                C系结果如下：
                <span
                    style="font-weight: 900;color: red">{{ cGlobalBoneAge == -1 ? "无对应骨龄" : cGlobalBoneAge }}</span>
            </span>
      </div>
      <!--<img src="./assets/logo.svg" style="width: 100px;height: 100%" />-->


    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  methods: {
    // 重置
    reset() {
      this.sexSelect.selectValue = null;
      for (const key in this.datas) {
        this.datas[key].selectValue = null;
      }
      // 清空答案
      this.rGlobalBoneAge = null;
      this.cGlobalBoneAge = null;
    },
    // 骨龄计算
    countBoneAge() {
      // 计算选项之和
      // 取得选中值，先做判空
      if (this.vailElect() == -1) return;
      // 根据选中年龄，取出对应性别的骨头，分R系列和C系列
      // R系列
      let boneSex = this.sexSelect.selectValue;
      if (boneSex == 'male') {
        let rData = this.bone_scores_standard.male.R;
        let cData = this.bone_scores_standard.male.C;
        // R根据分数找到骨龄
        let rBoneAge = this.score_to_bone_age.male.R;
        // C根据分数找到骨龄
        let cBoneAge = this.score_to_bone_age.male.C;
        // 调用计算并赋值骨龄的方法
        this.calculateBoneAge(rData, cData, rBoneAge, cBoneAge);
      } else {
        // 这边是女性
        let rData = this.bone_scores_standard.female.R;
        let cData = this.bone_scores_standard.female.C;
        // R根据分数找到骨龄
        let rBoneAge = this.score_to_bone_age.female.R;
        // C根据分数找到骨龄
        let cBoneAge = this.score_to_bone_age.female.C;
        // 调用计算并赋值骨龄的方法
        this.calculateBoneAge(rData, cData, rBoneAge, cBoneAge);
      }

    },
    calculateBoneAge(rData, cData, rBoneAge, cBoneAge) { // 计算并赋值骨龄
      // 计算R系列分数
      let rCount = this.calculateBoneScore(rData);
      // 计算C系列分数
      let cCount = this.calculateBoneScore(cData);

      console.log("cCount："+cCount+",rCount:"+rCount)

      // R根据分数找到骨龄
      this.rGlobalBoneAge = -1;
      // 定义一个最近的value
      let rNearbyValue = 0;
      let rDifference = rCount;
      Object.entries(rBoneAge).forEach(([key, value]) => {
        if (key == rCount) { // 匹配对于骨龄
          this.rGlobalBoneAge = value;
        }
        let tempVal = Math.abs(rCount - key);
        if (tempVal < rDifference) { // 越接近
          rNearbyValue = value;
          rDifference = tempVal;
        }
      })

      // 无完全匹配则找最近
      if (this.rGlobalBoneAge == -1) {
        this.rGlobalBoneAge = rNearbyValue;
      }


      // C根据分数找到骨龄
      // alert(cCount)
      this.cGlobalBoneAge = -1;
      // 定义一个最近的value
      let cNearbyValue = 0;
      let cDifference = cCount;
      Object.entries(cBoneAge).forEach(([key, value]) => {
        if (key == cCount) { // 匹配对于骨龄
          this.cGlobalBoneAge = value;
        }
        let tempVal = Math.abs(cCount - key);
        if (tempVal < cDifference) { // 越接近
          cNearbyValue = value;
          cDifference = tempVal;
        }
      })
      // 无完全匹配则找最近
      if (this.cGlobalBoneAge == -1) {
        this.cGlobalBoneAge = cNearbyValue;
      }

    },
    calculateBoneScore(data) { // 计算骨头分数
      let count = 0;
      // 遍历匹配R系列骨头
      Object.entries(this.datas).forEach(([key, value]) => {
        // console.log(key+','+value);
        Object.entries(data).forEach(([insideKey, insideVal]) => {
          // console.log(insideKey+','+insideVal);
          if (key == insideKey) {
            // console.log("xxx");
            // 遍历内部选项对于的值，与选中值做匹配
            Object.entries(insideVal).forEach(([one, twe]) => {
              console.log(one+','+twe+","+value.selectValue);
              if (one == value.selectValue) { // 找到了选中骨头值对应的分数
                // console.log(twe);
                count += twe;
              }
            });
          }
        });
      });
      return count;
    },
    // 验证选项是否都选入值
    vailElect() {
      // 判断性别是否已填
      if (this.sexSelect.selectValue == null || this.sexSelect.selectValue == '') {
        alert("请先选择年龄再计算骨龄");
        return -1;
      }
      for (const key in this.datas) {
        if (this.datas[key].selectValue == null || this.datas[key].selectValue == '') {
          alert("请先选择所有骨期再计算骨龄");
          return -1;
        }
      }
    },
    handleFocusEnter(event) {
      let ele = event.target;
      if (ele != this.clickEleObj) ele.style.backgroundColor = 'yellow';
    },
    handleFocusOut(event) {
      let ele = event.target;
      if (ele != this.clickEleObj) ele.style.backgroundColor = '#d1edc4';
    },
    clickEle(event, value) {
      // 判断上一个元素是否为null，不为null则设置为正常颜色
      if (this.clickEleObj) {
        this.clickEleObj.style.backgroundColor = '#d1edc4';
      }
      // 点击后颜色固定
      let ele = event.target.parentNode;
      ele.style.backgroundColor = '#67c23a';
      this.clickEleObj = ele;

      // 切换图片元素
      this.tempImage = this.iamges[value.id];
    },
    loadGetImage() {
      this.tempImage = this.iamges[0];
    },
    loadDatas() {
      Object.entries(this.datas).forEach(([key, value]) => {
        value.selectOption = this.levelDatas;
      });
    }
  },
  data() {
    return {
      rGlobalBoneAge: null,
      cGlobalBoneAge: null,
      bone_scores_standard: {
        "male": {
          "R": {
            "桡骨": {"A": 0, "B": 16, "C": 21, "D": 30, "E": 39, "F": 59, "G": 87, "H": 138, "I": 213},
            "尺骨": {"A": 0, "B": 27, "C": 30, "D": 32, "E": 40, "F": 58, "G": 107, "H": 181},
            "第一掌骨": {"A": 0, "B": 6, "C": 9, "D": 14, "E": 21, "F": 26, "G": 36, "H": 49, "I": 67},
            "第三掌骨": {"A": 0, "B": 4, "C": 5, "D": 9, "E": 12, "F": 19, "G": 31, "H": 43, "I": 52},
            "第五掌骨": {"A": 0, "B": 4, "C": 6, "D": 9, "E": 14, "F": 18, "G": 29, "H": 43, "I": 52},
            "第一近节指骨": {"A": 0, "B": 7, "C": 8, "D": 11, "E": 17, "F": 26, "G": 38, "H": 52, "I": 67},
            "第三近节指骨": {"A": 0, "B": 4, "C": 4, "D": 9, "E": 15, "F": 23, "G": 31, "H": 40, "I": 53},
            "第五近节指骨": {"A": 0, "B": 4, "C": 5, "D": 9, "E": 15, "F": 21, "G": 30, "H": 39, "I": 51},
            "第三中指骨": {"A": 0, "B": 4, "C": 6, "D": 9, "E": 15, "F": 22, "G": 32, "H": 43, "I": 52},
            "第五中指骨": {"A": 0, "B": 6, "C": 7, "D": 9, "E": 15, "F": 23, "G": 32, "H": 42, "I": 49},
            "第一远指骨": {"A": 0, "B": 5, "C": 6, "D": 11, "E": 17, "F": 26, "G": 38, "H": 46, "I": 66},
            "第三远指骨": {"A": 0, "B": 4, "C": 6, "D": 8, "E": 13, "F": 18, "G": 28, "H": 34, "I": 49},
            "第五远指骨": {"A": 0, "B": 5, "C": 6, "D": 9, "E": 13, "F": 18, "G": 27, "H": 34, "I": 48},
          },
          "C": {
            "头状骨": {"A": 0, "B": 100, "C": 104, "D": 106, "E": 113, "F": 133, "G": 160, "H": 214},
            "钩骨": {"A": 0, "B": 73, "C": 75, "D": 79, "E": 100, "F": 128, "G": 159, "H": 181, "I": 194},
            "三角骨": {"A": 0, "B": 10, "C": 13, "D": 28, "E": 57, "F": 84, "G": 102, "H": 124},
            "月骨": {"A": 0, "B": 14, "C": 22, "D": 39, "E": 58, "F": 84, "G": 101, "H": 120},
            "舟骨": {"A": 0, "B": 26, "C": 36, "D": 52, "E": 71, "F": 85, "G": 100, "H": 116},
            "大多角骨": {"A": 0, "B": 23, "C": 31, "D": 46, "E": 66, "F": 83, "G": 95, "H": 108, "I": 117},
            "小多角骨": {"A": 0, "B": 27, "C": 32, "D": 42, "E": 51, "F": 77, "G": 93, "H": 115},
          }
        },
        "female": {
          "R": {
            "桡骨": {"A": 0, "B": 23, "C": 30, "D": 44, "E": 56, "F": 78, "G": 114, "H": 160, "I": 218},
            "尺骨": {"A": 0, "B": 30, "C": 33, "D": 37, "E": 45, "F": 74, "G": 118, "H": 173},
            "第一掌骨": {"A": 0, "B": 8, "C": 12, "D": 18, "E": 24, "F": 31, "G": 43, "H": 53, "I": 67},
            "第三掌骨": {"A": 0, "B": 5, "C": 8, "D": 12, "E": 16, "F": 23, "G": 37, "H": 47, "I": 53},
            "第五掌骨": {"A": 0, "B": 6, "C": 9, "D": 12, "E": 17, "F": 23, "G": 35, "H": 48, "I": 52},
            "第一近节指骨": {"A": 0, "B": 9, "C": 11, "D": 14, "E": 20, "F": 31, "G": 44, "H": 56, "I": 67},
            "第三近节指骨": {"A": 0, "B": 5, "C": 7, "D": 12, "E": 19, "F": 27, "G": 37, "H": 44, "I": 54},
            "第五近节指骨": {"A": 0, "B": 6, "C": 7, "D": 12, "E": 18, "F": 26, "G": 35, "H": 42, "I": 51},
            "第三中指骨": {"A": 0, "B": 6, "C": 8, "D": 12, "E": 18, "F": 27, "G": 36, "H": 45, "I": 52},
            "第五中指骨": {"A": 0, "B": 7, "C": 8, "D": 12, "E": 18, "F": 28, "G": 35, "H": 43, "I": 49},
            "第一远指骨": {"A": 0, "B": 7, "C": 9, "D": 15, "E": 22, "F": 33, "G": 48, "H": 51, "I": 68},
            "第三远指骨": {"A": 0, "B": 7, "C": 8, "D": 11, "E": 15, "F": 22, "G": 33, "H": 37, "I": 49},
            "第五远指骨": {"A": 0, "B": 7, "C": 8, "D": 11, "E": 15, "F": 22, "G": 32, "H": 36, "I": 47},
          },
          "C": {
            "头状骨": {"A": 0, "B": 84, "C": 88, "D": 91, "E": 99, "F": 121, "G": 149, "H": 203},
            "钩骨": {"A": 0, "B": 72, "C": 74, "D": 78, "E": 102, "F": 131, "G": 161, "H": 183, "I": 194},
            "三角骨": {"A": 0, "B": 11, "C": 16, "D": 31, "E": 56, "F": 80, "G": 104, "H": 126},
            "月骨": {"A": 0, "B": 16, "C": 24, "D": 40, "E": 59, "F": 84, "G": 106, "H": 122},
            "舟骨": {"A": 0, "B": 24, "C": 35, "D": 51, "E": 71, "F": 88, "G": 104, "H": 118},
            "大多角骨": {"A": 0, "B": 20, "C": 27, "D": 42, "E": 60, "F": 80, "G": 95, "H": 111, "I": 119},
            "小多角骨": {"A": 0, "B": 21, "C": 30, "D": 43, "E": 53, "F": 77, "G": 97, "H": 118},
          }
        }
      },
      score_to_bone_age: {
        "male": {
          "R": {
            42: 2,
            46: 2.1,
            50: 2.2,
            55: 2.3,
            60: 2.4,
            66: 2.5,
            70: 2.6,
            75: 2.7,
            80: 2.8,
            86: 2.9,
            91: 3,
            94: 3.1,
            98: 3.2,
            101: 3.3,
            105: 3.4,
            108: 3.5,
            112: 3.6,
            116: 3.7,
            120: 3.8,
            124: 3.9,
            129: 4,
            132: 4.1,
            134: 4.2,
            137: 4.3,
            140: 4.4,
            143: 4.5,
            146: 4.6,
            149: 4.7,
            152: 4.8,
            155: 4.9,
            158: 5,
            161: 5.1,
            164: 5.2,
            166: 5.3,
            169: 5.4,
            172: 5.5,
            175: 5.6,
            177: 5.7,
            180: 5.8,
            183: 5.9,
            186: 6,
            189: 6.1,
            191: 6.2,
            194: 6.3,
            197: 6.4,
            200: 6.5,
            202: 6.6,
            205: 6.7,
            208: 6.8,
            211: 6.9,
            214: 7,
            216: 7.1,
            219: 7.2,
            222: 7.3,
            225: 7.4,
            228: 7.5,
            231: 7.6,
            234: 7.7,
            237: 7.8,
            240: 7.9,
            243: 8,
            246: 8.1,
            250: 8.2,
            253: 8.3,
            256: 8.4,
            259: 8.5,
            262: 8.6,
            265: 8.7,
            268: 8.8,
            272: 8.9,
            275: 9,
            279: 9.1,
            283: 9.2,
            287: 9.3,
            291: 9.4,
            295: 9.5,
            299: 9.6,
            303: 9.7,
            308: 9.8,
            312: 9.9,
            316: 10,
            321: 10.1,
            325: 10.2,
            330: 10.3,
            334: 10.4,
            339: 10.5,
            344: 10.6,
            348: 10.7,
            353: 10.8,
            358: 10.9,
            363: 11,
            369: 11.1,
            375: 11.2,
            381: 11.3,
            387: 11.4,
            394: 11.5,
            400: 11.6,
            406: 11.7,
            413: 11.8,
            420: 11.9,
            427: 12,
            434: 12.1,
            441: 12.2,
            448: 12.3,
            455: 12.4,
            462: 12.5,
            470: 12.6,
            478: 12.7,
            485: 12.8,
            493: 12.9,
            501: 13,
            511: 13.1,
            520: 13.2,
            530: 13.3,
            540: 13.4,
            550: 13.5,
            560: 13.6,
            570: 13.7,
            581: 13.8,
            592: 13.9,
            603: 14,
            615: 14.1,
            628: 14.2,
            641: 14.3,
            655: 14.4,
            668: 14.5,
            682: 14.6,
            697: 14.7,
            711: 14.8,
            726: 14.9,
            741: 15,
            755: 15.1,
            769: 15.2,
            783: 15.3,
            798: 15.4,
            813: 15.5,
            828: 15.6,
            843: 15.7,
            859: 15.8,
            875: 15.9,
            891: 16,
            912: 16.1,
            933: 16.2,
            955: 16.3,
            977: 16.4,
            1000: 16.5
          },
          "C": {
            190: 2.5,
            191: 2.6,
            192: 2.7,
            194: 2.8,
            195: 2.9,
            197: 3,
            198: 3.1,
            200: 3.2,
            202: 3.3,
            203: 3.4,
            206: 3.5,
            209: 3.6,
            213: 3.7,
            217: 3.8,
            221: 3.9,
            225: 4,
            229: 4.1,
            234: 4.2,
            239: 4.3,
            244: 4.4,
            250: 4.5,
            256: 4.6,
            262: 4.7,
            268: 4.8,
            274: 4.9,
            281: 5,
            287: 5.1,
            294: 5.2,
            300: 5.3,
            307: 5.4,
            314: 5.5,
            322: 5.6,
            330: 5.7,
            338: 5.8,
            346: 5.9,
            354: 6,
            362: 6.1,
            371: 6.2,
            380: 6.3,
            389: 6.4,
            398: 6.5,
            407: 6.6,
            417: 6.7,
            426: 6.8,
            436: 6.9,
            445: 7,
            454: 7.1,
            463: 7.2,
            472: 7.3,
            481: 7.4,
            491: 7.5,
            500: 7.6,
            509: 7.7,
            518: 7.8,
            526: 7.9,
            535: 8,
            544: 8.1,
            552: 8.2,
            562: 8.3,
            571: 8.4,
            581: 8.5,
            591: 8.6,
            601: 8.7,
            611: 8.8,
            621: 8.9,
            632: 9,
            641: 9.1,
            650: 9.2,
            659: 9.3,
            668: 9.4,
            677: 9.5,
            686: 9.6,
            695: 9.7,
            705: 9.8,
            715: 9.9,
            724: 10,
            733: 10.1,
            742: 10.2,
            751: 10.3,
            760: 10.4,
            769: 10.5,
            777: 10.6,
            786: 10.7,
            794: 10.8,
            802: 10.9,
            810: 11,
            818: 11.1,
            825: 11.2,
            833: 11.3,
            840: 11.4,
            848: 11.5,
            856: 11.6,
            863: 11.7,
            870: 11.8,
            877: 11.9,
            884: 12,
            890: 12.1,
            897: 12.2,
            903: 12.3,
            910: 12.4,
            915: 12.5,
            921: 12.6,
            927: 12.7,
            933: 12.8,
            939: 12.9,
            944: 13,
            950: 13.1,
            955: 13.2,
            960: 13.3,
            964: 13.4,
            968: 13.5,
            972: 13.6,
            976: 13.7,
            980: 13.8,
            983: 13.9,
            986: 14,
            989: 14.1,
            991: 14.2,
            992: 14.3,
            994: 14.4,
            995: 14.5,
            996: 14.6,
            997: 14.7,
            998: 14.8,
            999: 14.9,
            1000: "成人"
          }
        },
        "female": {
          "R": {
            126: 2,
            130: 2.1,
            134: 2.2,
            139: 2.3,
            143: 2.4,
            148: 2.5,
            153: 2.6,
            158: 2.7,
            163: 2.8,
            168: 2.9,
            174: 3,
            178: 3.1,
            182: 3.2,
            186: 3.3,
            191: 3.4,
            195: 3.5,
            200: 3.6,
            204: 3.7,
            209: 3.8,
            214: 3.9,
            219: 4,
            222: 4.1,
            225: 4.2,
            228: 4.3,
            231: 4.4,
            234: 4.5,
            238: 4.6,
            241: 4.7,
            244: 4.8,
            248: 4.9,
            251: 5,
            255: 5.1,
            258: 5.2,
            262: 5.3,
            265: 5.4,
            269: 5.5,
            273: 5.6,
            277: 5.7,
            281: 5.8,
            284: 5.9,
            288: 6,
            292: 6.1,
            296: 6.2,
            301: 6.3,
            305: 6.4,
            309: 6.5,
            313: 6.6,
            318: 6.7,
            322: 6.8,
            327: 6.9,
            331: 7,
            335: 7.1,
            339: 7.2,
            343: 7.3,
            347: 7.4,
            351: 7.5,
            355: 7.6,
            359: 7.7,
            363: 7.8,
            367: 7.9,
            372: 8,
            377: 8.1,
            382: 8.2,
            387: 8.3,
            393: 8.4,
            398: 8.5,
            404: 8.6,
            409: 8.7,
            415: 8.8,
            421: 8.9,
            427: 9,
            434: 9.1,
            441: 9.2,
            448: 9.3,
            455: 9.4,
            462: 9.5,
            470: 9.6,
            478: 9.7,
            485: 9.8,
            493: 9.9,
            501: 10,
            509: 10.1,
            518: 10.2,
            526: 10.3,
            535: 10.4,
            543: 10.5,
            552: 10.6,
            561: 10.7,
            570: 10.8,
            579: 10.9,
            589: 11,
            597: 11.1,
            605: 11.2,
            614: 11.3,
            622: 11.4,
            631: 11.5,
            640: 11.6,
            649: 11.7,
            658: 11.8,
            667: 11.9,
            676: 12,
            685: 12.1,
            695: 12.2,
            705: 12.3,
            714: 12.4,
            724: 12.5,
            735: 12.6,
            745: 12.7,
            755: 12.8,
            766: 12.9,
            776: 13,
            787: 13.1,
            798: 13.2,
            809: 13.3,
            820: 13.4,
            832: 13.5,
            843: 13.6,
            855: 13.7,
            867: 13.8,
            879: 13.9,
            891: 14,
            902: 14.1,
            912: 14.2,
            923: 14.3,
            933: 14.4,
            944: 14.5,
            955: 14.6,
            966: 14.7,
            978: 14.8,
            989: 14.9,
            1000: 15
          },
          "C": {
            172: 1.6,
            175: 1.7,
            177: 1.8,
            179: 1.9,
            182: 2,
            184: 2.1,
            187: 2.2,
            190: 2.3,
            194: 2.4,
            198: 2.5,
            202: 2.6,
            207: 2.7,
            212: 2.8,
            217: 2.9,
            223: 3,
            229: 3.1,
            235: 3.2,
            241: 3.3,
            248: 3.4,
            256: 3.5,
            264: 3.6,
            272: 3.7,
            280: 3.8,
            288: 3.9,
            296: 4,
            304: 4.1,
            312: 4.2,
            320: 4.3,
            329: 4.4,
            337: 4.5,
            346: 4.6,
            354: 4.7,
            362: 4.8,
            371: 4.9,
            379: 5,
            387: 5.1,
            396: 5.2,
            405: 5.3,
            413: 5.4,
            422: 5.5,
            431: 5.6,
            440: 5.7,
            449: 5.8,
            459: 5.9,
            468: 6,
            477: 6.1,
            485: 6.2,
            494: 6.3,
            502: 6.4,
            511: 6.5,
            520: 6.6,
            529: 6.7,
            537: 6.8,
            546: 6.9,
            555: 7,
            564: 7.1,
            573: 7.2,
            582: 7.3,
            591: 7.4,
            600: 7.5,
            610: 7.6,
            620: 7.7,
            630: 7.8,
            639: 7.9,
            648: 8,
            657: 8.1,
            666: 8.2,
            677: 8.3,
            688: 8.4,
            699: 8.5,
            711: 8.6,
            724: 8.7,
            736: 8.8,
            748: 8.9,
            761: 9,
            773: 9.1,
            785: 9.2,
            798: 9.3,
            810: 9.4,
            821: 9.5,
            831: 9.6,
            841: 9.7,
            851: 9.8,
            862: 9.9,
            872: 10,
            881: 10.1,
            890: 10.2,
            899: 10.3,
            908: 10.4,
            916: 10.5,
            924: 10.6,
            931: 10.7,
            938: 10.8,
            944: 10.9,
            950: 11,
            956: 11.1,
            961: 11.2,
            966: 11.3,
            970: 11.4,
            974: 11.5,
            978: 11.6,
            981: 11.7,
            984: 11.8,
            986: 11.9,
            988: 12,
            990: 12.1,
            992: 12.2,
            993: 12.3,
            994: 12.4,
            995: 12.5,
            996: 12.6,
            997: 12.7,
            998: 12.8,
            999: 12.9,
            1000: "成人"
          }
        }
      },
      sexSelect: {
        options: [{
          value: 'female',
          label: '女性'
        }, {
          value: 'male',
          label: '男性'
        }],
        selectValue: ''
      },
      boneAge: 1.2,
      tempImage: null,
      iamges: [
        // 桡骨
        {
          1: {
            url: 'src/assets/标准图谱/桡骨/图片1.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片11.png'
            ],
            description: "ⅰ 骨化中心初现，为一或数个小钙化点，边缘不清晰。"
          },
          2: {
            url: 'src/assets/标准图谱/桡骨/图片2.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片2.png'
            ],
            description: "ⅰ 骨化中心呈椭圆形，边缘清晰、光滑、连续。"
          },
          3: {
            url: 'src/assets/标准图谱/桡骨/图片3.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片3.png'
            ],
            description: "ⅰ 骨化中心直径≥1/2干骺端宽度。\nⅱ 骨骺桡侧增厚、较圆，尺侧呈椎状。\nⅲ 近侧面变平，稍增厚，与桡骨骺端的间距变小，约为1mm。"

          },
          4: {
            url: 'src/assets/标准图谱/桡骨/图片4.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片4.png'
            ],
            description: "ⅰ 骨骺远端边缘的内侧出现一增粗的白线，为其掌面的边缘，在其外侧即为其背侧面的边缘。"
          },
          5: {
            url: 'src/assets/标准图谱/桡骨/图片5.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片5.png'
            ],
            description: "ⅰ 骨骺近端分成掌面和背面，掌侧面表现为一宽的、不规则的增粗白线。\nⅱ 骨骺两端，特别是尺侧向外生长，并与桡骨端面形状相适应。"
          },
          6: {
            url: 'src/assets/标准图谱/桡骨/图片6.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片6.png'
            ],
            description: "ⅰ 其背侧面因与月骨和舟状骨相接触而形成一小驼峰。\nⅱ 骨骺内侧形成背、掌面与尺骨骺形成关节。\nⅲ 其近侧边缘渐呈凹面状。"
          },
          7: {
            url: 'src/assets/标准图谱/桡骨/图片7.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片7.png'
            ],
            description: "ⅰ 骨骺盖住桡骨两侧骺端。"
          },
          8: {
            url: 'src/assets/标准图谱/桡骨/图片8.png',
            collection: [
              'src/assets/标准图谱/桡骨/图片8.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，可见白色钙化线断续延伸。"
          }
        },
        // 尺骨
        {
          10: {
            url: 'src/assets/标准图谱/尺骨/图片10.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片10.png'
            ],
            description: "ⅰ 骨骺中心初现，仅见一或数个小点钙沉着处，边缘不清。"
          },
          11: {
            url: 'src/assets/标准图谱/尺骨/图片11.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片11.png'
            ],
            description: "ⅰ 骨骺形状清晰，具连续、光滑的边界。"
          },
          12: {
            url: 'src/assets/标准图谱/尺骨/图片12.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片12.png'
            ],
            description: "ⅰ 直径≥1/2尺骨干骺端。\nⅱ 骨骺向两侧增长，其横径＞纵径。\nⅲ 其近、端侧边缘均平坦，但不平行，形成楔状，其尖端向外（桡侧）"
          },
          13: {
            url: 'src/assets/标准图谱/尺骨/图片13.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片13.png'
            ],
            description: "ⅰ 可见小而明显的茎突。"
          },
          14: {
            url: 'src/assets/标准图谱/尺骨/图片14.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片14.png'
            ],
            description: "ⅰ 尺骨头清晰可见，密度高于其茎突，其内侧面呈现为一粗白线，与茎突相邻，骨骺的近端\n和远端边缘内凹。\nⅱ 与桡骨相邻面变平。"
          },
          15: {
            url: 'src/assets/标准图谱/尺骨/图片15.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片15.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。\nⅱ 骨骺与干骺端的中1/3相邻面相互重叠。"
          },
          16: {
            url: 'src/assets/标准图谱/尺骨/图片16.png',
            collection: [
              'src/assets/标准图谱/尺骨/图片16.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，可见间断延伸的白色钙化线和黑色软骨线。"
          }
        },
        // 第一掌骨
        {
          1: {
            url: 'src/assets/标准图谱/第一掌骨/图片1.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片11.png'
            ],
            description: "ⅰ 骨化中心初现，为一或数个小钙化点，边缘不清晰。"
          },
          3: {
            url: 'src/assets/标准图谱/第一掌骨/图片3.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片3.png'
            ],
            description: "ⅰ 骨化中心呈椭圆形，边缘清晰、光滑、连续。"
          },
          4: {
            url: 'src/assets/标准图谱/第一掌骨/图片4.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片4.png'
            ],
            description: "ⅰ 骨化中心最大直径≥1/2干骺端宽度。"
          },
          5: {
            url: 'src/assets/标准图谱/第一掌骨/图片5.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片5.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。\nⅱ 其近端边缘出现凹面，系骨骺生成掌侧面和背侧而所致。"
          },
          7: {
            url: 'src/assets/标准图谱/第一掌骨/图片7.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片7.png'
            ],
            description: "ⅰ 掌面和背面分界明显，所形成的鞍状脊与相邻的大多角骨相适应；晚期，骨骺的内侧缘变\n平直。"
          },
          8: {
            url: 'src/assets/标准图谱/第一掌骨/图片8.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片8.png'
            ],
            description: "ⅰ 骨骺盖住干骺端，以内侧为明显。"
          },
          9: {
            url: 'src/assets/标准图谱/第一掌骨/图片9.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片9.png'
            ],
            description: "ⅰ 骨骺开始融合，呈不连续的白色钙化线和黑色软骨线。"
          },
          10: {
            url: 'src/assets/标准图谱/第一掌骨/图片10.png',
            collection: [
              'src/assets/标准图谱/第一掌骨/图片10.png'
            ],
            description: "ⅰ 骨骺完全融合，钙化线开始消失。"
          }
        },
        // 第三掌骨
        {
          1: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片11.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片11.png'
            ],
            description: "ⅰ 骨化中心初现，为一或数个小钙化点，边缘不清晰。"
          },
          3: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片12.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片12.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘清晰、光滑、连续。"
          },
          4: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片13.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片13.png'
            ],
            description: "ⅰ 其横径≥1/2干骺端宽度。"
          },
          5: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片14.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片14.png'
            ],
            description: "ⅰ 骨骺的内、外、近侧面变直，形成“铲”或“指甲”状。"
          },
          7: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片15.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片15.png'
            ],
            description: "ⅰ 骨骺的背面向两侧生长超过掌面，可见掌面的边缘为两条纵行白线。"
          },
          8: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片16.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片16.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽或更宽。"
          },
          9: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片17.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片17.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，黑色的软骨线逐渐消失，小于其宽度的3/4。"
          },
          10: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片18.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片18.png'
            ],
            description: "ⅰ 骨骺端完全融合，融合线基本消失。"
          }
        },
        // 第五掌骨
        {
          1: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片11.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片11.png'
            ],
            description: "ⅰ 骨化中心初现，为一或数个小钙化点，边缘不清晰。"
          },
          3: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片12.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片12.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘清晰、光滑、连续。"
          },
          4: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片13.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片13.png'
            ],
            description: "ⅰ 其横径≥1/2干骺端宽度。"
          },
          5: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片14.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片14.png'
            ],
            description: "ⅰ 骨骺的内、外、近侧面变直，形成“铲”或“指甲”状。"
          },
          7: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片15.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片15.png'
            ],
            description: "ⅰ 骨骺的背面向两侧生长超过掌面，可见掌面的边缘为两条纵行白线。"
          },
          8: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片16.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片16.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽或更宽。"
          },
          9: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片17.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片17.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，黑色的软骨线逐渐消失，小于其宽度的3/4。"
          },
          10: {
            url: 'src/assets/标准图谱/第三、五掌骨/图片18.png',
            collection: [
              'src/assets/标准图谱/第三、五掌骨/图片18.png'
            ],
            description: "ⅰ 骨骺端完全融合，融合线基本消失。"
          }
        },
        // 第一近节指骨
        {
          19: {
            url: 'src/assets/标准图谱/第一近节指骨/图片19.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片19.png'
            ],
            description: "ⅰ 骨化中心初现，呈现为一或多个钙化点，边缘不清。"
          },
          20: {
            url: 'src/assets/标准图谱/第一近节指骨/图片20.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片20.png'
            ],
            description: "ⅰ 骨化中心成盘形，边缘光滑清晰。"
          },
          21: {
            url: 'src/assets/标准图谱/第一近节指骨/图片21.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片21.png'
            ],
            description: "ⅰ 其直径≥干骺端宽度的1/2。"
          },
          22: {
            url: 'src/assets/标准图谱/第一近节指骨/图片22.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片22.png'
            ],
            description: "ⅰ 近端边缘变凹且增厚。\nⅱ 内侧边缘长于外侧，呈楔形。"
          },
          23: {
            url: 'src/assets/标准图谱/第一近节指骨/图片23.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片23.png'
            ],
            description: "ⅰ 骨骺宽于干骺端，尤以内侧显著。"
          },
          24: {
            url: 'src/assets/标准图谱/第一近节指骨/图片24.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片24.png'
            ],
            description: "ⅰ 骨骺盖住干骺端，尤以内侧显著。"
          },
          25: {
            url: 'src/assets/标准图谱/第一近节指骨/图片25.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片25.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合。"
          },
          26: {
            url: 'src/assets/标准图谱/第一近节指骨/图片26.png',
            collection: [
              'src/assets/标准图谱/第一近节指骨/图片26.png'
            ],
            description: "ⅰ 骨骺与干骺端完全融合，融合线大部分消失。"
          }
        },
        // 第三近节指骨
        {
          27: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片27.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片27.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          29: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片29.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片29.png'
            ],
            description: "ⅰ 骨化中心呈盘形，边缘光滑、连续。"
          },
          30: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片30.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片30.png'
            ],
            description: "ⅰ 骨骺直径≥干骺端宽度的1/2。"
          },
          31: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片31.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片31.png'
            ],
            description: "ⅰ 近端边缘变凹且增厚。"
          },
          28: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片28.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片28.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。"
          },
          32: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片32.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片32.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          33: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片33.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片33.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，仍可见不连续的黑色软骨线。"
          },
          34: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片34.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片34.png'
            ],
            description: "ⅰ 骨骺与干骺端完全融合，融合线大部分消失。"
          }
        },
        // 第五近节指骨
        {
          27: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片27.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片27.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          29: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片29.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片29.png'
            ],
            description: "ⅰ 骨化中心呈盘形，边缘光滑、连续。"
          },
          30: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片30.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片30.png'
            ],
            description: "ⅰ 骨骺直径≥干骺端宽度的1/2。"
          },
          31: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片31.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片31.png'
            ],
            description: "ⅰ 近端边缘变凹且增厚。"
          },
          28: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片28.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片28.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。"
          },
          32: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片32.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片32.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          33: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片33.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片33.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，仍可见不连续的黑色软骨线。"
          },
          34: {
            url: 'src/assets/标准图谱/第三、五近节指骨/图片34.png',
            collection: [
              'src/assets/标准图谱/第三、五近节指骨/图片34.png'
            ],
            description: "ⅰ 骨骺与干骺端完全融合，融合线大部分消失。"
          }
        },
        // 第三中节指骨
        {
          35: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片35.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片35.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          36: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片36.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片36.png'
            ],
            description: "ⅰ 骨化中心呈盘状，边缘光滑、清晰。"
          },
          37: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片37.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片37.png'
            ],
            description: "ⅰ 骨骺最大直径≥干骺端宽度的1/2。"
          },
          38: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片38.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片38.png'
            ],
            description: "ⅰ 骨骺中部的近端缘增厚、并向相邻指骨生长，与其滑车面相适应。"
          },
          39: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片39.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片39.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。"
          },
          40: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片40.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片40.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          41: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片41.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片41.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，软骨黑线继续可见。"
          },
          42: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片42.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片42.png'
            ],
            description: "ⅰ 骨骺完全融合，偶见残留的融合线。"
          }
        },
        // 第五中节指骨
        {
          35: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片35.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片35.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          36: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片36.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片36.png'
            ],
            description: "ⅰ 骨化中心呈盘状，边缘光滑、清晰。"
          },
          37: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片37.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片37.png'
            ],
            description: "ⅰ 骨骺最大直径≥干骺端宽度的1/2。"
          },
          38: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片38.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片38.png'
            ],
            description: "ⅰ 骨骺中部的近端缘增厚、并向相邻指骨生长，与其滑车面相适应。"
          },
          39: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片39.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片39.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。"
          },
          40: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片40.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片40.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          41: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片41.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片41.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，软骨黑线继续可见。"
          },
          42: {
            url: 'src/assets/标准图谱/第三、五中节指骨/图片42.png',
            collection: [
              'src/assets/标准图谱/第三、五中节指骨/图片42.png'
            ],
            description: "ⅰ 骨骺完全融合，偶见残留的融合线。"
          }
        },
        // 第一远节指骨
        {
          43: {
            url: 'src/assets/标准图谱/第一远节指骨/图片43.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片43.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          44: {
            url: 'src/assets/标准图谱/第一远节指骨/图片44.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片44.png'
            ],
            description: "ⅰ 骨化中心呈盘形，边缘光滑、连续。"
          },
          45: {
            url: 'src/assets/标准图谱/第一远节指骨/图片45.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片45.png'
            ],
            description: "ⅰ 最大直径等≥干骺端的1/2。"
          },
          46: {
            url: 'src/assets/标准图谱/第一远节指骨/图片46.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片46.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。\nⅱ 骨骺远侧缘较平坦，而近侧缘向下成角。 "
          },
          47: {
            url: 'src/assets/标准图谱/第一远节指骨/图片47.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片47.png'
            ],
            description: "ⅰ 骨骺近端外侧边缘凹入与近端指骨头相适应。\nⅱ 骨骺远端缘可见内、外两界面。\nⅲ 骨骺与干骺端等宽。"
          },
          48: {
            url: 'src/assets/标准图谱/第一远节指骨/图片48.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片48.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          49: {
            url: 'src/assets/标准图谱/第一远节指骨/图片49.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片49.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合，可见间断的黑色软骨线和白色钙化线。"
          },
          50: {
            url: 'src/assets/标准图谱/第一远节指骨/图片50.png',
            collection: [
              'src/assets/标准图谱/第一远节指骨/图片50.png'
            ],
            description: "ⅰ 骨骺与干骺端完全融合，偶见残留的融合线。"
          }
        },
        // 第三远节指骨
        {
          51: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片51.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片51.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          52: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片52.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片52.png'
            ],
            description: "ⅰ 骨化中心呈盘形，边缘光滑、连续。"
          },
          53: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片53.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片53.png'
            ],
            description: "ⅰ 骨骺最大直径≥干骺端宽度的1/2。。"
          },
          54: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片54.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片54.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。\nⅱ 近端缘的中心部分向中间指骨生长，但其掌面和背面尚未形成。  "
          },
          55: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片55.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片55.png'
            ],
            description: "ⅰ 掌面及背面可区分，与中间指骨的滑车面相适应，掌面在背面的粗白线上向近端突起。"
          },
          56: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片56.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片56.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          57: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片57.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片57.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合。"
          },
          58: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片58.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片58.png'
            ],
            description: "ⅰ 骨骺与干骺端融合完全，偶可见残留的融合线。"
          }
        },
        // 第五远节指骨
        {
          51: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片51.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片51.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          52: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片52.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片52.png'
            ],
            description: "ⅰ 骨化中心呈盘形，边缘光滑、连续。"
          },
          53: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片53.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片53.png'
            ],
            description: "ⅰ 骨骺最大直径≥干骺端宽度的1/2。"
          },
          54: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片54.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片54.png'
            ],
            description: "ⅰ 骨骺与干骺端等宽。\nⅱ 近端缘的中心部分向中间指骨生长，但其掌面和背面尚未形成。  "
          },
          55: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片55.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片55.png'
            ],
            description: "ⅰ 掌面及背面可区分，与中间指骨的滑车面相适应，掌面在背面的粗白线上向近端突起。"
          },
          56: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片56.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片56.png'
            ],
            description: "ⅰ 骨骺盖住干骺端。"
          },
          57: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片57.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片57.png'
            ],
            description: "ⅰ 骨骺与干骺端开始融合。"
          },
          58: {
            url: 'src/assets/标准图谱/第三、五远节指骨/图片58.png',
            collection: [
              'src/assets/标准图谱/第三、五远节指骨/图片58.png'
            ],
            description: "ⅰ 骨骺与干骺端融合完全，偶可见残留的融合线。"
          }
        },
        // 头状骨
        {
          59: {
            url: 'src/assets/标准图谱/头状骨/图片59.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片59.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          60: {
            url: 'src/assets/标准图谱/头状骨/图片60.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片60.png'
            ],
            description: "ⅰ 骨化中心呈卵圆形，边缘光滑、连续。"
          },
          61: {
            url: 'src/assets/标准图谱/头状骨/图片61.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片61.png'
            ],
            description: "ⅰ 骨骺最大直径≥桡骨干骺端宽度的1/2。\nⅱ 骨骺的钩骨面变平直微凹。\nⅲ 骨骺与第2掌骨相邻面开始与钩骨面成角，使骨骺为“D”字形。"
          },
          62: {
            url: 'src/assets/标准图谱/头状骨/图片62.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片62.png'
            ],
            description: "ⅰ 其钩骨面内凹、轻度增厚。\nⅱ 纵向轴增长，大于其横向轴，但仍小于其近端缘与桡骨干端的距离。"
          },
          63: {
            url: 'src/assets/标准图谱/头状骨/图片63.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片63.png'
            ],
            description: "ⅰ 纵向轴≥其近端缘与桡骨干端的距离。"
          },
          64: {
            url: 'src/assets/标准图谱/头状骨/图片64.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片64.png'
            ],
            description: "ⅰ 骨骺的远端外侧缘出现增厚的白线，是其与第Ⅱ、Ⅲ掌骨形成的关节面。\nⅱ 其钩骨面中间部份出现增厚的白线，是与钩骨形成的关节面。"
          },
          65: {
            url: 'src/assets/标准图谱/头状骨/图片65.png',
            collection: [
              'src/assets/标准图谱/头状骨/图片65.png'
            ],
            description: "ⅰ 与Ⅱ、Ⅲ掌骨形成关节面，可见掌、背面；背面形成的白线位于外缘之内。"
          }
        },
        // 钩骨
        {
          66: {
            url: 'src/assets/标准图谱/钩骨/图片66.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片66.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          67: {
            url: 'src/assets/标准图谱/钩骨/图片67.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片67.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘光滑、连续。"
          },
          68: {
            url: 'src/assets/标准图谱/钩骨/图片68.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片68.png'
            ],
            description: "ⅰ 其最大直径≥尺骨干骺端宽度的1/2。\n ⅱ 与三角骨相邻面的边缘变直，使骨骺呈“D”字形。"
          },
          69: {
            url: 'src/assets/标准图谱/钩骨/图片69.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片69.png'
            ],
            description: "ⅰ 骨骺的头骨缘的2/3处出现外凸，以与头状骨形成关节面。\nⅱ 骨骺的掌骨缘和头骨缘界面清楚，使其外形由“D”字变为三边形。"
          },
          70: {
            url: 'src/assets/标准图谱/钩骨/图片70.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片70.png'
            ],
            description: "ⅰ 骨骺的三角骨缘内凹。"
          },
          71: {
            url: 'src/assets/标准图谱/钩骨/图片71.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片71.png'
            ],
            description: "ⅰ 与第Ⅳ掌骨形成关节面，分成掌、背面，在沿骨骺的远端边缘内出现增粗的白线。"
          },
          72: {
            url: 'src/assets/标准图谱/钩骨/图片72.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片72.png'
            ],
            description: "ⅰ 与第Ⅳ、Ⅴ掌骨的关节面形成，故在钩骨远端形成“钩”，一条白线横行，另一条斜行。"
          },
          73: {
            url: 'src/assets/标准图谱/钩骨/图片73.png',
            collection: [
              'src/assets/标准图谱/钩骨/图片73.png'
            ],
            description: "ⅰ 钩骨的“钩”完全可见。"
          }
        },
        // 三角骨
        {
          74: {
            url: 'src/assets/标准图谱/三角骨/图片74.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片74.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          75: {
            url: 'src/assets/标准图谱/三角骨/图片75.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片75.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘光滑、连续。"
          },
          76: {
            url: 'src/assets/标准图谱/三角骨/图片76.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片76.png'
            ],
            description: "ⅰ 其最大直径≥尺骨干骺端宽度的1/2。\nⅱ 与钩骨相邻面变平坦。"
          },
          77: {
            url: 'src/assets/标准图谱/三角骨/图片77.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片77.png'
            ],
            description: "ⅰ 骨骺形状变长。"
          },
          78: {
            url: 'src/assets/标准图谱/三角骨/图片78.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片78.png'
            ],
            description: "ⅰ 骨骺的月骨缘变平，且与钩骨缘形成略大于90°的角。"
          },
          79: {
            url: 'src/assets/标准图谱/三角骨/图片79.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片79.png'
            ],
            description: "ⅰ 可见到钩骨缘和（或）月骨缘的掌面及背面，在骨边缘的稍内处形成白线。"
          },
          80: {
            url: 'src/assets/标准图谱/三角骨/图片80.png',
            collection: [
              'src/assets/标准图谱/三角骨/图片80.png'
            ],
            description: "ⅰ 钩骨的远端部分内侧缘凹入。"
          }
        },
        // 月骨
        {
          81: {
            url: 'src/assets/标准图谱/月骨/图片81.png',
            collection: [
              'src/assets/标准图谱/月骨/图片81.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          82: {
            url: 'src/assets/标准图谱/月骨/图片82.png',
            collection: [
              'src/assets/标准图谱/月骨/图片82.png'
            ],
            description: "ⅰ 骨化中心呈卵圆形，边缘光滑、连续。"
          },
          83: {
            url: 'src/assets/标准图谱/月骨/图片83.png',
            collection: [
              'src/assets/标准图谱/月骨/图片83.png'
            ],
            description: "ⅰ 其最大直径≥尺骨干骺端宽度的1/2。"
          },
          84: {
            url: 'src/assets/标准图谱/月骨/图片84.png',
            collection: [
              'src/assets/标准图谱/月骨/图片84.png'
            ],
            description: "ⅰ 骨骺远端部份已分为掌、背面，所见增厚的白线即为其交汇处；背侧面可突向舟状骨，但\n尚未形成鞍脊。\nⅱ 其桡骨缘变平坦。"
          },
          85: {
            url: 'src/assets/标准图谱/月骨/图片85.png',
            collection: [
              'src/assets/标准图谱/月骨/图片85.png'
            ],
            description: "ⅰ 骨骺远端面出现鞍脊与头状骨形成关节，这是由于其背侧面向舟状骨生长所致，这一突出\n超过了其掌侧面的范围，但尚未达到掌面缘与舟状骨缘之间距离的一半。\nⅱ 舟状骨及三角骨边缘变平，且较厚。"
          },
          86: {
            url: 'src/assets/标准图谱/月骨/图片86.png',
            collection: [
              'src/assets/标准图谱/月骨/图片86.png'
            ],
            description: "ⅰ 其背面的头状骨鞍继续长大，超出掌面缘与舟状骨缘之间距离的一半。\nⅱ 其舟状骨缘与桡骨缘之间形成明显的角度。"
          },
          87: {
            url: 'src/assets/标准图谱/月骨/图片87.png',
            collection: [
              'src/assets/标准图谱/月骨/图片87.png'
            ],
            description: "I 其舟状骨缘内凹；头状骨鞍已接触（或盖住）了舟状骨。"
          }
        },
        // 舟状骨
        {
          88: {
            url: 'src/assets/标准图谱/舟状骨/图片88.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片88.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          89: {
            url: 'src/assets/标准图谱/舟状骨/图片89.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片89.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘光滑、连续。"
          },
          90: {
            url: 'src/assets/标准图谱/舟状骨/图片90.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片90.png'
            ],
            description: "ⅰ 其最大直径≥尺骨干骺端宽度的1/2。"
          },
          91: {
            url: 'src/assets/标准图谱/舟状骨/图片91.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片91.png'
            ],
            description: "ⅰ 与头状骨的关节面形成，增厚的白线代表其掌面，白线内侧的是其背面。"
          },
          92: {
            url: 'src/assets/标准图谱/舟状骨/图片92.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片92.png'
            ],
            description: "ⅰ 其头状骨关节面已内凹。\nⅱ 与大、小多角骨的相邻面变平坦。"
          },
          93: {
            url: 'src/assets/标准图谱/舟状骨/图片93.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片93.png'
            ],
            description: "ⅰ 舟状骨向近端和内侧增长，其背面超过增厚的白线与月骨和头状骨的近端靠拢。\nⅱ 其与头状骨的边缘较与月骨的相邻边缘更近中线。"
          },
          94: {
            url: 'src/assets/标准图谱/舟状骨/图片94.png',
            collection: [
              'src/assets/标准图谱/舟状骨/图片94.png'
            ],
            description: "ⅰ与头状骨完全密合。\nⅱ 其与头状骨缘与其与桡骨干骺端大致等距；其月骨的远端密合。\nⅲ 其远端部分的增长，使之与桡骨形成关节，在其外远侧可见一内凹。"
          }
        },
        // 大多角骨
        {
          95: {
            url: 'src/assets/标准图谱/大多角骨/图片95.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片95.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          96: {
            url: 'src/assets/标准图谱/大多角骨/图片96.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片96.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘光滑、连续。"
          },
          97: {
            url: 'src/assets/标准图谱/大多角骨/图片97.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片97.png'
            ],
            description: "ⅰ 其最大直径≥第Ⅰ掌骨干骺端宽度的1/2。\nⅱ 与第Ⅰ掌骨和（或）舟状骨相邻边缘变平坦，与上述边缘间的距离小于其直径。"
          },
          98: {
            url: 'src/assets/标准图谱/大多角骨/图片98.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片98.png'
            ],
            description: "ⅰ 大多角骨继续长向第Ⅱ掌骨基底部，致使两者间距小于其最大直径的1/3。"
          },
          99: {
            url: 'src/assets/标准图谱/大多角骨/图片99.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片99.png'
            ],
            description: "ⅰ 其第Ⅰ掌骨缘明显内凹，其中间部位亦稍增厚。"
          },
          100: {
            url: 'src/assets/标准图谱/大多角骨/图片100.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片100.png'
            ],
            description: "ⅰ 骨骺的远端边缘与第Ⅱ掌骨基部外侧轻微重叠。\nⅱ 其舟状骨缘变平坦和增厚。"
          },
          101: {
            url: 'src/assets/标准图谱/大多角骨/图片101.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片101.png'
            ],
            description: "ⅰ 大多角骨桡侧的远端形成直的边缘与第Ⅰ掌骨衔接。\n ⅱ 大多角骨的第Ⅰ掌骨面形成鞍状，与第Ⅰ掌骨相适应。"
          },
          102: {
            url: 'src/assets/标准图谱/大多角骨/图片102.png',
            collection: [
              'src/assets/标准图谱/大多角骨/图片102.png'
            ],
            description: "ⅰ 大多角骨的桡骨缘膨大形成两个部分，远侧的面向外侧；近侧部分略内凹。"
          }
        },
        // 小多角骨
        {
          103: {
            url: 'src/assets/标准图谱/小多角骨/图片103.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片103.png'
            ],
            description: "ⅰ 骨化中心初现，为单一或多个钙化点，边缘不清。"
          },
          104: {
            url: 'src/assets/标准图谱/小多角骨/图片104.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片104.png'
            ],
            description: "ⅰ 骨化中心呈圆形，边缘光滑、连续。"
          },
          105: {
            url: 'src/assets/标准图谱/小多角骨/图片105.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片105.png'
            ],
            description: "ⅰ 其最大直径≥第Ⅰ掌骨干骺端宽度的1/2。"
          },
          106: {
            url: 'src/assets/标准图谱/小多角骨/图片106.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片106.png'
            ],
            description: "ⅰ 其头状骨缘和（或）与第Ⅱ掌骨内侧部位的相邻缘变平。"
          },
          107: {
            url: 'src/assets/标准图谱/小多角骨/图片107.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片107.png'
            ],
            description: "ⅰ 其头状骨缘和（或）与第Ⅱ掌骨内侧部位的相邻缘呈现增厚的白线，开始分成掌、背面。\nⅱ 其远侧缘形成一圆峰，与第Ⅱ掌骨基底部形成关节。"
          },
          108: {
            url: 'src/assets/标准图谱/小多角骨/图片108.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片108.png'
            ],
            description: "ⅰ 与第Ⅱ掌骨形成关节的背侧面出现在白线之外，白线即是掌侧面的边缘。相似情况也见\n于其头状骨关节面。"
          },
          109: {
            url: 'src/assets/标准图谱/小多角骨/图片109.png',
            collection: [
              'src/assets/标准图谱/小多角骨/图片109.png'
            ],
            description: "ⅰ 小多角骨的近端缘的背面内凹，而其掌面仍为一增粗的白直线。"
          }
        }
      ],
      clickEleObj: null,
      boneName: ["桡骨", "尺骨", "第一掌骨", "第三掌骨", "第五掌骨", "第一近节指骨", "第三近节指骨", "第五近节指骨", "第三中指骨",
        "第五中指骨", "第一远指骨", "第三远指骨", "第五远指骨", "头状骨", "钩骨", "三角骨", "月骨", "舟骨", "大多角骨",
        "小多角骨"],
      levelDatas: [
        {
          value: 'A',
          label: 'A'
        }, {
          value: 'B',
          label: 'B'
        }, {
          value: 'C',
          label: 'C'
        }, {
          value: 'D',
          label: 'D'
        }, {
          value: 'E',
          label: 'E'
        }, {
          value: 'F',
          label: 'F'
        }, {
          value: 'G',
          label: 'G'
        }, {
          value: 'H',
          label: 'H'
        }, {
          value: 'I',
          label: 'I'
        }
      ],
      datas: {
        "桡骨": {
          id: 0,
          selectOption: null,
          selectValue: 'H',
        },
        "尺骨": {
          id: 1,
          selectOption: [],
          selectValue: 'G',
        },
        "第一掌骨": {
          id: 2,
          selectOption: [],
          selectValue: 'G',
        },
        "第三掌骨": {
          id: 3,
          selectOption: [],
          selectValue: 'G',
        },
        "第五掌骨": {
          id: 4,
          selectOption: [],
          selectValue: 'G',
        },
        "第一近节指骨": {
          id: 5,
          selectOption: [],
          selectValue: 'G',
        },
        "第三近节指骨": {
          id: 6,
          selectOption: [],
          selectValue: 'G',
        },
        "第五近节指骨": {
          id: 7,
          selectOption: [],
          selectValue: 'G',
        },
        "第三中指骨": {
          id: 8,
          selectOption: [],
          selectValue: 'G',
        },
        "第五中指骨": {
          id: 9,
          selectOption: [],
          selectValue: 'G',
        },
        "第一远指骨": {
          id: 10,
          selectOption: [],
          selectValue: 'G',
        },
        "第三远指骨": {
          id: 11,
          selectOption: [],
          selectValue: 'G',
        },
        "第五远指骨": {
          id: 12,
          selectOption: [],
          selectValue: 'G',
        },
        "头状骨": {
          id: 13,
          selectOption: [],
          selectValue: 'H',
        },
        "钩骨": {
          id: 14,
          selectOption: [],
          selectValue: 'I',
        },
        "三角骨": {
          id: 15,
          selectOption: [],
          selectValue: 'H',
        },
        "月骨": {
          id: 16,
          selectOption: [],
          selectValue: 'H',
        },
        "舟骨": {
          id: 17,
          selectOption: [],
          selectValue: 'H',
        },
        "大多角骨": {
          id: 18,
          selectOption: [],
          selectValue: 'I',
        },
        "小多角骨": {
          id: 19,
          selectOption: [],
          selectValue: 'G',
        }
      },
    }
  },


  mounted() {
    this.loadGetImage();
    this.loadDatas();
  }

};
</script>

<style scoped>

</style>
